@import url(http://fonts.googleapis.com/css?family=Snippet|Peralta);
#canvas
{
	background: url(grid.png);
}
.showScore
{
	width: 100%;
	height: 50px;
	padding-left: 1%;
	padding-right: 1%;
	background: rgba(182, 200, 220, 0.7);
	position: absolute;
	
	left: 8;
	z-index: 0;
	display: block;
}
#showScore
{
	font-family: 'Snippet', sans-serif;
	font-weight: bold;
	font-size: 18 px;
	float: left;
	
}
#showLevel
{
	font-family: 'Snippet', sans-serif;
	font-weight: bold;
	font-size: 18 px;
	float: right;
	
}
h1
{
	font-family: 'Peralta', cursive;
	font-size: 42px;
}
h2
{
	font-family: 'Peralta', cursive;
	font-size: 28px;

}
#top
{
	padding-top: 4%;
padding-left: 39%;
}
#result
{
	padding-top: 2%;
text-align: center;

}
#distance
{
	text-decoration: none;
	color:black;
}
#replay
{
	font-family: 'Snippet', sans-serif;
text-align: center;
padding-top: 4%;
padding-left: 1%;
font-size: 20px;
}
#EarthCount
{
	margin-left:50%;
	font-family: 'Snippet', sans-serif;

}
